.box-profile{
    :global(.ant-card-head-title){
        font-size: 20px;
        font-weight: 600;
    }
    :global(.ant-form-item-label > label){
        font-weight: 600;
        font-size: 16px;
    }
    :global(.ant-input){
        border:none;
        border-bottom: 1px solid #d9d9d9;
    }
    .profile-info{
       .profile-info-row{
           display: flex;
           justify-content: space-between;
           margin-bottom: 10px;
       } 
       .profile-info-row-title{
           font-weight: 600;
           font-size: 16px;
       }
    }
    .password{
        :global(.ant-form-item-label > label){
            font-weight: normal;
            font-size: 14px;
        }
    }
}

.OrderList{
  .OrderListTabs{
    display: flex;
  }
  .OrderListBox{
    
    padding: 10px 0;
    
    .OrderBox{
      margin-bottom: 10px;
      background-color: #FFF;
      padding:10px 20px;
      
      .name{
        font-size: 20px;
        font-weight: bold;
      }
     
      .orderHeader{
        display: flex;
        justify-content: space-between;
        margin-bottom: 15px;
        border-bottom: 1px solid #ededed;
        padding:10px 0;
        
        span{
          font-size: 16px;
          font-weight: bold;
        }
      }
      .orderFooter{
        display: flex;
        justify-content: space-between;
        border-top: 1px solid #ededed;
        padding: 10px 0 0 0;
        align-items: center;
       
        .footerBtn{
          width: 180px!important;
          
        }
      }
      .orderContent{
        display: flex;
        margin-bottom: 10px;
        position: relative;
      }
      .OrderBoxImg{
        width: 100px;
        height: 150px;
      }
      .OrderBoxRight{
        padding-left: 20px;
        font-weight: 600;
        display: flex;
        flex-direction: column;
        line-height: 30px;
        .OrderBoxRightItemPriceBox{
          display: flex;
          .OrderBoxRightItemPrice{
            display: flex;
            flex-direction: column;
            padding-right: 20px;
          }
        }
       
      }
    }
    .OrderDivider{
      background-color: #efefef;
    }
  }
  
}
.propBox{
  display: flex;
  
}
.propBoxColor{
  border:1px solid #000;
  padding:5px;
  border-radius: 50%;
  width:30px;
  height: 30px;
  display: block;
  margin-right: 10px;
  align-items: center;
}
.total{
  display: flex;
  align-items: center;
  .tip{
    font-size: 16px;
    font-weight: bold;
    margin-right: 10px;
  }
  .fee{
    color: #d31433;
    font-size: 20px;
    font-weight: bold;
  }

}
.btnGroup{
  display: flex;
  .footerBtn{
    margin-left:10px
  }
}
.refund{
  position: absolute;
  right:10px;
  top:10px;
}
.more{
  text-decoration: underline;
}